<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .wrap {
            width: 800px;
            margin: auto;
        }
    </style>
</head>

<body>
    <div class="wrap">


        <table border="1">
            <tr>
                <td>选中</td>
                <td>图片</td>
                <td>单价</td>
                <td>数量</td>
                <td>小计</td>
                <td>操作</td>
            </tr>

            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>
            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>
            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>
            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>

            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>
            <tr>
                <th>
                    <input type="checkbox" name="" id="" class="check">
                </th>
                <th>
                    <img src="./images/1.jpg" alt="">
                </th>
                <th>
                    <span class="price">55</span>
                </th>
                <th>
                    <button class="reduce">-</button>
                    <span class="count">1</span>
                    <button class="add">+</button>
                </th>
                <th>
                    <span class="litterPrice">55</span>
                </th>
                <th>
                    <button class="del">删除</button>
                </th>
            </tr>
        </table>
        <div>
            全选<input type="checkbox" class="checkAll">
            总价<span class="allPrice">0</span>
            总数量<span class="allSum">0</span>
        </div>
    </div>


    <script>
       
    </script>
</body>

</html>